<template>
  <div>
    <van-nav-bar title="工作台" />
    <van-grid :gutter="20" :column-num="3" :border="false" >
      <van-grid-item v-for="m in menuData"  :key="m.title" :icon="m.icon" :text="m.title" :to="m.path"/>
    </van-grid>
  </div>
</template>
<script>
export default {
  name: 'WorkbenchView',
  data () {
    return {
      menuData: [{ title: '考勤打卡', icon: 'underway', path: '/clockin' },
        { title: '工时审批', icon: 'todo-list', path: '/' },
        { title: '考勤异常审批', icon: 'column', path: '/' },
        { title: '电子工牌', icon: 'manager', path: '/workcard' },
        { title: '人事服务', icon: 'friends', path: '/' },
        { title: '系统常见问题', icon: 'question', path: '/' },
        { title: '请假申请', icon: 'wap-nav', path: '/leave' },
        { title: '请假审批', icon: 'todo-list', path: '/' },
        { title: '调休时长申请', icon: 'clock', path: '/' },
        { title: '调休时长审批', icon: 'todo-list', path: '/' },
        { title: 'vpn', icon: 'cluster', path: '/' },
        { title: '开票信息', icon: 'coupon', path: '/' }
      ]
    }
  }
}
</script>
<style lang="less" scoped>
.van-grid{
  margin-top: 20px;
}
/deep/.van-grid-item__content {
  background-color: #f3f3f3;
}
/deep/.van-grid-item__icon {
  font-size: 36px;
  color: #ff6633;
}
</style>
